@import "main.css"

rem(pixel)
  (pixel / 750 / 2) * 10 

html, body
	font-size 75px

.container 
	position relative
	top 0
	left 0
	box-sizing border-box
	padding-bottom rem(120rem)
	font-size 14px
	width 5rem
	margin 0 auto
	.bg-before
		background-color #fe3d45
		height rem(500rem)
		z-index 11
	.bg-after
		background-color #ff7b55
		height 100%
		z-index 10
	.bg-before,
	.bg-after
		position absolute
		width 100%
	.bg
    position absolute
    left 0
    width 100%
    height 100%
    z-index 1
.share-container
	position relative
	z-index 2
	.img-bg
		position absolute
		width auto
	.img-bg-1
		top 0px
	.img-bg-2
		top 200px
		right 0
	.img-bg-firework
		width rem(110rem)
		right rem(180rem)
		top rem(-30rem)
		z-index -1
	img
		position relative
		width 100%
		display block
	.window
		margin 0 rem(20rem)
	.center
		text-align center
		margin-bottom rem(12rem)
	.img-title
		position absolute
		top 56px
		left 50%
		width rem(650rem)
		margin-left rem(-325rem)
	.img-people
		margin-top 62px
	img.img-plate
		width rem(350rem)
		margin 0 auto rem(60rem)
	p
		font-weight 500
		position relative
	p.normal
		color #fdfada
		font-weight 500
		line-height 1.8
	p.share-text
		padding-top 12px
	.color
		color #ffea00
	.box
		padding rem(40rem) rem(60rem)
		border 2px solid #cd4232
		margin-top 30px
		p
			color #812715
			margin-bottom 16px
			text-align center
	img.img-plate-2
		margin-top 40px
	.share-level
		margin-top rem(40rem)
		
		
		

  